/*--------------------------------------------------*/
.css_over_p {
	FILTER: alpha(opacity = 30);
	BACKGROUND-COLOR: White;
	opacity: 0.3
}

.css_over_pp {
	FILTER: alpha(opacity = 200);
	opacity: 2.0;
	z-index: 100
}

.css_out_p {
	FILTER: alpha(opacity = 0);
	BACKGROUND-COLOR: White;
	opacity: 0.0
}

.break_module_line {
	color: White;
	font-size: 11px
}

.css_title_product {
	color: #fff;
	font-size: 12px;
	font-weight: bold
}

.ul_product {
	
}

.ul_product li {
	width: 145px;
	height: auto;
	padding: 3px 0px 20px 20px;
	float: left;
	text-align: left;
	overflow: hidden;
}

.ul_product li .bor_img {
	width: 132px;
	height: auto;
	border: 1px solid #ccc;
	text-align: center;
	margin-bottom: 4px;
}

.ul_product li .name,.ul_product li .price,.ul_product li .link {
	width: 140px;
	height: 18px;
	font: normal 11px/18px Tahoma;
	color: #fff;
	text-align: left;
	overflow: hidden;
}

.ul_product li .price {
	font: bold 12px/18px Tahoma;
	color: #cc0000;
}

.ul_product li .link {
	color: #333;
	text-decoration: none;
}

.ul_product li .link a {
	color: #333;
	margin: 0 3px;
	text-decoration: none;
}

.ul_product li .link a img {
	margin-right: 3px;
	text-decoration: none;
}

.ul_product li .link a:hover {
	color: #FF6600;
	text-decoration: none;
}

.total_wrap {
	width: 690px;
	margin: 0 auto;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	opacity: .8;
	top: -50px
}

.total {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 690px;
	height: 80px;
	background: url(../image/total_bg.gif) repeat;
	-moz-border-radius: 10px 10px 0 0;
	bottom: 0;
	border: 1px solid #A99964;
	z-index: 99;
	padding: 12px 15px 3px 15px;
	border-bottom: none;
}

.total .left {
	width: 700px;
	float: left;
}

.count {
	width: 700px;
	height: 28px;
	background: url(../image/count_bg.jpg) repeat-x;
	border: 2px solid #A99964;
	-moz-border-radius: 15px;
}

.count span {
	display: block;
	height: 28px;
	background: url(../image/count_pe.jpg) repeat-x;
	-moz-border-radius: 15px;
}

.total .right {
	width: 320px;
	float: right;
}

.btn_fin {
	width: 85px;
	height: 32px;
	background: url(../image/btn_fin.jpg) no-repeat;
	border: none;
}

A.css_sroll:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_sroll:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_sroll:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_sroll:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_quantity_cart:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_quantity_cart:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_quantity_cart:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_quantity_cart:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_link_newss:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_link_newss:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_link_newss:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_link_newss:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_chitiet_newss:link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_chitiet_newss:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_chitiet_newss:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.css_chitiet_newss:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: Blue;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.modalBackground {
	FILTER: alpha(opacity = 70);
	BACKGROUND-COLOR: gray;
	opacity: 0.7
}

.modalPopup_PP {
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #d8bdf3;
	padding: 3px;
	padding-top: 2px;
	padding-right: 2px;
}

#bottom-fix {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	display: block;
	_position: absolute;
	_top: expression(eval(document.compatMode && 
	 document.compatMode == 'CSS1Compat') ? 
	 documentElement.scrollTop +(
		documentElement.clientHeight-this.clientHeight ) :  
		document.body.scrollTop +(
		document.body.clientHeight-this.clientHeight ) );
	_width: expression(eval(document.body.clientWidth) );
	width: 100%;
}

#toolbar {
	FILTER: alpha(opacity = 100);
	BACKGROUND-COLOR: #ffffff;
	opacity: 1.0;
	border: 1px #999999 solid;
	border-bottom: none;
	width: 800px;
	margin: 0 auto;
	padding: 5px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	font-size: 13px;
}

#toolbar a {
	text-decoration: none
}

#toolbar .copyright {
	font-size: 10px;
	color: #333;
	margin-top: 5px;
}

#progress-bar {
	background: url('../image/0.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-5 {
	background: url('../image/5.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-10 {
	background: url('../image/10.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-15 {
	background: url('../image/15.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-20 {
	background: url('../image/20.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-25 {
	background: url('../image/25.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-30 {
	background: url('../image/30.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-35 {
	background: url('../image/35.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-40 {
	background: url('../image/40.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-45 {
	background: url('../image/45.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-50 {
	background: url('../image/50.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-55 {
	background: url('../image/55.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-60 {
	background: url('../image/60.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-65 {
	background: url('../image/65.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-70 {
	background: url('../image/70.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-75 {
	background: url('../image/75.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-90 {
	background: url('../image/90.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-105 {
	background: url('../image/105.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-110 {
	background: url('../image/110.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-115 {
	background: url('../image/115.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-120 {
	background: url('../image/120.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-125 {
	background: url('../image/125.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-138 {
	background: url('../image/138.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-150 {
	background: url('../image/150.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-165 {
	background: url('../image/165.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-180 {
	background: url('../image/180.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-192 {
	background: url('../image/192.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-195 {
	background: url('../image/195.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-205 {
	background: url('../image/205.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-220 {
	background: url('../image/220.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-235 {
	background: url('../image/235.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-240 {
	background: url('../image/240.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-245 {
	background: url('../image/245.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-250 {
	background: url('../image/250.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-265 {
	background: url('../image/265.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-280 {
	background: url('../image/280.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-295 {
	background: url('../image/295.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-310 {
	background: url('../image/310.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-325 {
	background: url('../image/325.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-340 {
	background: url('../image/340.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-350 {
	background: url('../image/350.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-360 {
	background: url('../image/360.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-375 {
	background: url('../image/375.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-390 {
	background: url('../image/390.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-400 {
	background: url('../image/400.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-415 {
	background: url('../image/415.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-430 {
	background: url('../image/430.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-440 {
	background: url('../image/440.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-455 {
	background: url('../image/455.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-470 {
	background: url('../image/470.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-485 {
	background: url('../image/485.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-500 {
	background: url('../image/500.png') no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-510 {
	background: url(../image/510.png) no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-520 {
	background: url(../image/520.png) no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

#progress-bar-530 {
	background: url(../image/530.png) no-repeat left center;
	float: left;
	width: 530px;
	height: 30px;
	margin-right: 10px;
	text-align: left;
}

.cover_1 {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	height: 193px;
	width: 129px;
}

/*************TOOLTIPS******************/
#dhtmltooltip {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	position: absolute;
	left: 300px;
	width: 800px;
	padding: 5px;
	visibility: hidden;
	z-index: 200;
	filter: progid : DXImageTransform.Microsoft.Shadow ( color = white,
		direction = 100 );
}

#dhtmlpointer {
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.total_wrap {
	width: 750px;
	margin: 0 auto;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	opacity: .8;
	top: -50px
}

.total {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 750px;
	height: 50px;
	background: url(../image/total_bg.jpg) repeat;
	-moz-border-radius: 10px 10px 0 0;
	bottom: 0;
	border: 1px solid #A99964;
	z-index: 99;
	padding: 12px 10px 3px 10px;
	border-bottom: none;
}

.total .left {
	width: 465px;
	float: left;
}

.count {
	width: 458px;
	height: 28px;
	background: url(../image/count_bg.jpg) repeat-x;
	border: 2px solid #A99964;
	-moz-border-radius: 15px;
}

.count span {
	display: block;
	height: 28px;
	background: url(../image/count_pe.jpg) repeat-x;
	-moz-border-radius: 15px;
}

.total .right {
	width: 220px;
	float: right;
}